.top {
  height: 436rpx;
  background-image: url(https://m.bjclb.cn/assets/backgroundsmart.png);
  background-size: 100% 100%;
  text-align: center;
}

.top {
  padding-top: 40rpx;
}

.top_title {
  font-weight: bold;
  font-size: 80rpx;
  margin-top: 40rpx;
}

.off_title {
  padding: 10rpx 0 10rpx 0;
  margin-bottom: 20rpx;
}

.off-line {
  height: 60rpx;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30rpx;
  border: 1rpx solid #FFFFFF;
  padding: 18rpx 50rpx;
}

.top_num {
  margin-top: 51rpx;
}

.top_num .f32 {
  padding-bottom: 19rpx;
}

.massage {
  padding-left: 21rpx;
  position: relative;
  text-align: left;
}

.massage::after {
  position: absolute;
  content: "";
  width: 8rpx;
  height: 28rpx;
  background: linear-gradient(0deg, #3171FF 0%, #85AAFD 100%);
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.campus {
  text-align: center;
  margin-top: 20rpx;
  background-color: #fff;
  padding: 40rpx 30rpx;
}

.campus image {
  width: 24rpx;
  height: 24rpx;
  margin-right: 8rpx;
}

.campus .f24 {
  width: 170rpx;
  padding: 26rpx 20rpx 20rpx 20rpx;
  border-radius: 14rpx;
}

.campus .d-f {
  margin-bottom: 10rpx;
}

.campus .massage {
  margin-bottom: 29rpx;
}

.class_data {
  margin-top: 20rpx;
  background-color: #fff;
  padding: 40rpx 30rpx;
}

.class_data .massage {
  margin-bottom: 38rpx;
}

.class_data image {
  width: 24rpx;
  height: 24rpx;
  margin-right: 8rpx;
}

.class_data .class_list {
  text-align: center;
  width: 33%;
  border-right: 1px dashed #DEDEDE;
  border-bottom: 1px dashed #DEDEDE;
  height: 140rpx;
}

.class_data .f24 {
  display: flex;
  flex-wrap: wrap;
}

.class_data .f24 .class_list:nth-child(3n) {
  border-right: 0;
}

.class_data .f24 .class_list:nth-child(n + 4) {
  border-bottom: 0;
}

.class_data .j-c {
  margin-top: 15rpx;
}

.class_data .f-w {
  padding-top: 10rpx;
}
